<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>lx-admin职位管理系统后台-职位列表</title>
  <link href="/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/libs/bootstrap/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
  <link href="/libs/bootstrap/css/animate.min.css" rel="stylesheet">
  <link href="/libs/bootstrap/css/style.min.css?v=4.0.0" rel="stylesheet">
  <link rel="stylesheet" href="/css/list.css">
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
  <div id="wrapper">
    <%- include('modules/sidebar') %>
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
      <%- include('modules/header') %>
      <!-- 中间主体部分开始 -->
      <div>
        <h1>管理系统职位列表</h1>
        <table class="table table-striped table-bordered table-hover dataTables-example tabel-position">
          <thead>
            <tr>
              <th>编号</th>
              <th>职位名称</th>
              <th>公司</th>
              <th>logo</th>
              <th>薪资</th>
              <th>经验</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="position-tbody">
            <% positions.forEach((pos, index) => { %>
            <tr class="gradeX tr-num" data-id="<%= pos.id %>">
              <td class="td-num"><%= index+1 %></td>
              <td>
                <span><%= pos.title %></span>
                <input type="text" class="title">
              </td>
              <td>
                <span><%= pos.company %></span>
                <input type="text" class="company">
              </td>
              <td>
                <img class="logo" src="<%= pos.logo %>" alt="">
              </td>
              <td class="center">
                <span><%= pos.salary %></span>
                <input type="text" class="salary">
              </td>
              <td class="center">
                <span><%= pos.experience %></span>
                <input type="text" class="experience">
              </td>
              <td class="center">
                <button class="btn btn-primary btn-xs btn-edit">编辑</button>
                <button class="btn btn-danger btn-xs btn-del">删除</button>
                <button class="btn btn-success btn-xs btn-ok">确定</button>
                <button class="btn btn-warning btn-xs btn-cancel">取消</button>
              </td>
            </tr>
            <% }) %>
          </tbody>
        </table>
        <ul class="pagination" id="paging">
          <li class="paginate_button previous disabled" aria-controls="DataTables_Table_0" tabindex="0"
            id="DataTables_Table_0_previous"><a href="javascript:;" class="prev">上一页</a></li>
          <% for(var i = 0; i < total; i++) { %>
          <li class="paginate_button <%= i===0 ? 'active':'' %>" aria-controls="DataTables_Table_0" tabindex="0"><a
              class="btn-num" href="javascript:;"><%= i+1 %></a></li>
          <% } %>
          <li class="paginate_button next" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_next">
            <a href="javascript:;" class="next">下一页</a></li>
        </ul>
      </div>
      <!-- 中间主体部分结束 -->
    </div>
    <!--右侧部分结束-->

  </div>
  <script src="/libs/jquery-3.4.1.min.js"></script>
  <script src="/libs/bootstrap/js/bootstrap.min.js"></script>
  <script src="/libs/plugins/jquery.metisMenu.js"></script>
  <script src="/libs/plugins/jquery.slimscroll.min.js"></script>
  <!-- <script src="/libs/plugins/layer.min.js"></script> -->
  <!-- <script src="/libs/plugins/hplus.min.js?v=4.0.0"></script> -->
  <!-- <script src="/libs/plugins/contabs.min.js"></script> -->
  <script src="/libs/plugins/pace.min.js"></script>
  <script src="/js/list/paging.js"></script>
  <script src="/js/list/index.js"></script>
</body>

</html>